<template>
  <div class="execute-box">
    <div class="title"></div>
    <div class="main">
      <DoughnutChartCustom :echartsData="echartsData"/>
    </div>
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import DoughnutChartCustom from '@/components/echarts/doughnutChartCustom.vue';

const echartsData = [
  {
    name: '已执行',
    value: 45,
  },
  {
    name: '未执行',
    value: 55,
  },
];

defineComponent({ name: 'ExecuteComp' });
</script>

<style scoped lang="scss">
.execute-box {
  @apply w-full h-full grid grid-rows-2;
  grid-template-rows: auto 1fr;

  .title {
    @apply w-full h-[31px];
    background: url('./assets/title.png') no-repeat center;
  }
}
</style>
